﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>关于我们</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
    
 	
    <!-- Main Header -->
    <header class="main-header">
    	<div class="top-bar">
        	<div class="top-container">
            	<!--Info Outer-->
                 <div class="info-outer">
                 	<!--Info Box-->
                    <ul class="info-box clearfix">
                    	<li><span class="icon flaticon-interface"></span><a href="#">邮箱</a></li>
                    	<li><span class="icon flaticon-technology-5"></span><a href="#">0439-6881177</a></li>
                        
                    </ul>
                 </div>
            </div>
        </div>
    	<!-- Header Upper -->
        <div class="header-upper">
            <div class="auto-container clearfix">
                <!-- Logo -->
                <div class="logo">
                    <a href="index.html"><img src="images/logo-1.png" alt="柏艺"></a>
                 </div>
                 
                 <!--Nav Outer-->
                <div class="nav-outer clearfix">
                    
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        
                        <div class="navbar-header">
                            <!-- Toggle Button -->      
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>

                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="blog.html">工程</a></li>
                                <li><a href="events-grid.html">种子</a></li>
                                <li><a href="gallery-masonry.html">花卉</a></li>
                                <li><a href="about.html">关于我们</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->
                    
                </div>
                
            </div>
        </div><!-- Header Top End -->
        
    </header><!--End Main Header -->
    
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/page-title-bg.jpg);">
    	<div class="auto-container">
        	<div class="sec-title">
                <h1>关于我们</h1>
                <div class="bread-crumb"><a href="index.html">首页</a> / <a href="#" class="current">关于我们</a></div>
            </div>
        </div>
    </section>
    
    
    <!--Default Section-->
    <section class="default-section">
    	<div class="auto-container">
        	<div class="row clearfix">
                
               
                
                <!--Column-->
                <div class="column default-text-column with-margin col-md-offset-1 col-md-10 col-sm-12 col-xs-12">
                	<article class="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                		<h2>抚松柏艺园林绿化有限公司</h2>
                        <div class="bigger-text">Lorem ipsum dolor sit amet, cum at inani interesset</div>
                        <div class="text"><p>There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use</p>
                            <p>There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use</p></div>
                        <div class="signature"><img src="images/resource/s-1.png" alt=""></div>
                        <div class="info">
                                    
                                    <h3>phillip morris</h3>
                                    <p>CEO of ecology</p>
                                </div>
                    </article>
                </div>
                
            </div>
        </div>
    </section>
    
    
    <!--Two Column Fluid -->
    <section class="two-column-fluid">
    	
    	<div class="outer clearfix">
            
            <article class="column left-column" style="background-image:url(images/resource/fluid-image-3.jpg);">
                
                <div class="content-box pull-right">    
                    <h2>我们致力于......</h2>
                    <div class="title-text">Lorem ipsum dolor some link sit amet, cum at inani interesset</div>
                    <br>
                    
                    <div class="clearfix">
                        <div class="strategy-tab">
          <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#homeone" aria-controls="homeone" role="tab" data-toggle="tab">标题1</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">标题2</a></li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">标题3</a></li>
            
          </ul>

          <!-- Tab panes -->
          <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="homeone"><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> </div>
            <div role="tabpanel" class="tab-pane" id="profile">
              <p>muspI meroL fo snoisrev gnidulcni rekaMegaP sudlA ekil erawtfos gnihsilbup potksed htiw yltnecer erom dna ,segassap muspI meroL gniniatnoc steehs tesarteL fo esaeler eht htiw s0691 eht ni desiralupop saw tI yrtsudni gnittesepyt dna gnitnirp eht fo txet ymmud ylpmis si muspI meroL.desiralupop saw tI yrtsudni gnittesepyt dna gnitnirp eht fo txet ymmud ylpmis si muspI meroL..</p></div>
              <div role="tabpanel" class="tab-pane" id="messages">
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting ting and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p></div>
                
                </div>
              </div>
                    </div>
                </div>
                
                <div class="clearfix"></div>
            </article>
            
            <article class="column ">

                <div class="abt-img"><img src="images/logo-1.png" alt=""></div>
                <div class="clearfix"></div>
            </article>
            
        </div>
        
    </section>
    
    
    <!--Team Section-->
    <section class="team-section">
        <div class="auto-container">
        
            <div class="sec-title text-center">
                <h2>我们的团队</h2>
                <div class="text">Lorem ipsum dolor sit amet, cum at inani interes setnisl omnium dolor amet amet qco modo cum text </div>
            </div>
            
            <div class="row clearfix">
                
                <!--Column-->
                <article class="column team-member col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                    <div class="inner-box">
                        <figure class="image"><a href="mailto:mail@email.com"><img src="images/resource/team-image-1.jpg" alt=""></a></figure>
                        <div class="member-info">
                            <h3>姓名</h3>
                            <div class="designation">职位</div>
                            <div class="social-links">
                                <!--<a href="#"><span class="fa fa-facebook-f"></span></a>-->
                                <!--<a href="#"><span class="fa fa-twitter"></span></a>-->
                                <!--<a href="#"><span class="fa fa-google-plus"></span></a>-->
                                <!--<a href="#"><span class="fa fa-linkedin"></span></a>-->
                                <ul class="contact-info contact-foot">
                                    <li><span class="icon fa fa-phone"></span>0439-6881177</li>
                                    <li><span class="icon fa fa-envelope-o"></span>邮箱</li>
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                </article>
                
                <!--Column-->
                <article class="column team-member col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
                    <div class="inner-box">
                        <figure class="image"><a href="mailto:mail@email.com"><img src="images/resource/team-image-2.jpg" alt=""></a></figure>
                        <div class="member-info">
                            <h3>姓名</h3>
                            <div class="designation">职位</div>
                            <div class="social-links">
                                <ul class="contact-info contact-foot">
                                    <li><span class="icon fa fa-phone"></span>0439-6881177</li>
                                    <li><span class="icon fa fa-envelope-o"></span>邮箱</li>
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                </article>
                
                <!--Column-->
                <article class="column team-member col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
                    <div class="inner-box">
                        <figure class="image"><a href="mailto:mail@email.com"><img src="images/resource/team-image-3.jpg" alt=""></a></figure>
                        <div class="member-info">
                            <h3>姓名</h3>
                            <div class="designation">职位</div>
                            <div class="social-links">
                                <ul class="contact-info contact-foot">
                                    <li><span class="icon fa fa-phone"></span>0439-6881177</li>
                                    <li><span class="icon fa fa-envelope-o"></span>邮箱</li>
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                </article>
            </div>
            
        </div>
    </section>

    <!--Main Footer-->
    <footer class="main-footer" style="background-image:url(images/background/page-title-bg.jpg);">

        <!--Footer Upper-->
        <div class="footer-upper">
            <div class="auto-container">
                <div style="margin:0 auto;width: 800px">
                    <ul class="contact-info contact-foot">
                        <li><span class="icon fa fa-map-marker"></span>地址</li>
                        <li><span class="icon fa fa-phone"></span>0439-6881177</li>
                        <li><span class="icon fa fa-envelope-o"></span>邮箱</li>
                    </ul>
                </div>
            </div>
        </div>
        <!--Footer Bottom-->
        <div class="footer-bottom">
            <div class="auto-container clearfix">
                <!--Copyright-->
                <div class="copyright text-center">Copyright &copy; 2018.Company name All rights reserved. <a href="#" target="_blank" title="首页">抚松柏艺园林绿化有限公司</a> </div>
            </div>
        </div>

    </footer>

</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="fa fa-long-arrow-up"></span></div>

<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>
